<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reportes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<div class="span9">
				<div class="row-fluid">
					<div class="page-header">
						<h2>Reporte de Actividades <strong>{{ nombre_completo_del_pais }}</strong></h2>
					</div>
				</div>
				<!-- 1. Cantidad de actividades por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de Actividades por Dimensión</strong></h4>
						<p align="justify"><small>Actividades del país clasificadas por las distintas dimensiones (Formación Continua, Transferencia del Conocimiento e Innovación y Compromiso Social).
						Indica hacia que dimensiones están orientadas las universidades.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p3
							chco=990066
							chd=t:{{ lista_dimension|join:',' }}
							chdl=FC|TCeI|CS
							chl={{ lista_dimension|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 2. Cantidad de actividades por calificacion -->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p3
							chco=24AF24
							chd=t:{{ lista_calificacion|join:',' }}
							chdl=Mala|Regular|Buena|Muy+Buena|Excelente
							chl={{ lista_calificacion|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de Actividades por Calificación</strong></h4>
						<p align="justify"><small>Actividades de las universidades del país clasificadas por sus respectivas calificaciones. Indica la calidad de la implementación 
						de las actividades.</small></p>
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 3. Cantidad de actividades por calificacion en la Dimension 1-->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de Actividades de Formación Continua por calificación</strong></h4>
						<p align="justify"><small>Actividades orientadas a la Formación Continua clasificadas por calificación (Formación Continua, Transferencia del Conocimiento e Innovación y Compromiso Social).</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chd=t:{{ calificacion_dimension1|join:',' }}
							chdl=Mala|Regular|Buena|Muy+Buena|Excelente
							chdlp=b
							chl={{ calificacion_dimension1|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 4. Cantidad de actividades por calificacion en la Dimension 2-->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chd=t:{{ calificacion_dimension2|join:',' }}
							chdl=Mala|Regular|Buena|Muy+Buena|Excelente
							chdlp=b
							chl={{ calificacion_dimension2|join:'|' }}
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de Actividades de Transformación del Conocimiento e Innovación por calificación</strong></h4>
						<p align="justify"><small>Actividades orientados a la Transformación del Conocimiento e Innovación clasificadas por calificación (Formación Continua, Transferencia del Conocimiento e Innovación y Compromiso Social).</small></p>
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 5. Cantidad de actividades por calificacion en la Dimension 3-->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de Actividades de Compromiso Social por calificación</strong></h4>
						<p align="justify"><small>Actividades orientados a la Compromiso Social clasificadas por calificación (Formación Continua, Transferencia del Conocimiento e Innovación y Compromiso Social).</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chd=t:{{ calificacion_dimension3|join:',' }}
							chdl=Mala|Regular|Buena|Muy+Buena|Excelente
							chdlp=b
							chl={{ calificacion_dimension3|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
</body>
</html>